<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>home</title>
		<script src="../../js/lib/jquery-v3.0.0/jquery.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
	<a href="index.html">index</a>
	<button id="xxx">XXXX</button>
	<button onclick="change()">change</button>
		<script type="text/javascript">
			function change() {
				document.title=document.title+"-change";
			}
			window.onload=change;
			$("#xxx").on('click',function () {
				var vWindowWidth=$(window).width();
			var vWindowCWidth=window.document.body.clientWidth;
			if (vWindowCWidth > 0 && vWindowWidth > vWindowCWidth) {
				vWindowWidth=vWindowCWidth;
			}
			
			var vWindowHeight=$(window).height();
			var vWindowCHeight=window.document.body.clientHeight;
			if (vWindowCHeight > 0 && vWindowHeight > vWindowCHeight) {
				vWindowHeight=vWindowCHeight;
			}
			
			vIframeHtml=$('<iframe id="SearchPageIFrame" allowTransparency="true" ></iframe>');
			var vStyleStr='width:'+vWindowWidth+'px; height:'+vWindowHeight+'px; border: 0px; position:absolute; top:0; left:0; z-index:900;'+'background-color:transparent';
			
			if (self.cxt && self.cxt.param && self.cxt.param.docType) {
				
			}
			
			vIframeHtml.attr('style', vStyleStr).attr('src', 'index.html');
			$('body').append(vIframeHtml);
			})
		</script>
	</body>

</html>